<template>
  <div>
    <base-nav></base-nav>
    <base-header></base-header>
    <router-view></router-view>
    <base-footer></base-footer>
  </div>
</template>

<script setup>
import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
  defineComponent,
} from "vue";

import BaseHeader from "components/base/BaseHeader";
import BaseFooter from "components/base/BaseFooter";
import BaseNav from "components/base/BaseNav";

// const Component = defineComponent({
//   BaseHeader,
//   BaseFooter,
// });

const { proxy } = getCurrentInstance();

const props = defineProps({});

const data = reactive({});
const refData = toRefs(data);

onBeforeMount(() => {});
onMounted(() => {});

const methods = {};
</script>
<style lang="scss" scoped></style>
